<template>
  <div>
    <h2>子组件</h2>
    <p>接收到的消息: {{ message }}</p> <!-- 显示接收到的 prop -->
  </div>
</template>

<script>
export default {
  name: 'ChildComponent', // 多单词组件名
  props: ['message'] // 接收 message prop
}
</script>

<style scoped>
p {
    color: red;
}
</style>